<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
<!--
body {
	background-color: #000;
}
#divname {
	position:absolute;
	width:158px;
	height:28px;
	z-index:1;
	top: 245px;
}
#divpassword {
	position:absolute;
	width:158px;
	height:24px;
	z-index:1;
	top: 277px;
}
.txtcss {
	height: 26px;
	width: 158px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background:rgba(255, 255, 255, 0.0) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/

}
#resdiv {
	position:absolute;
	width:195px;
	height:30px;
	z-index:1;
	font-size:18px;
	color:white;
	top:210px;
}
-->
</style>
<!--BBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCCCCCCBBBBBBBBBBBCBBBBB -->
<!--BBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCCCCCCBBBBBBBBBBBCBBBBB -->
<SCRIPT language="JavaScript" >
  function checkForm()
  {	
	 
     if (document.getElementById("uid").value.length==0)
	 {
	     alert("用户名不能为空！");
	     document.getElementById("uid").focus( );
	}
     else if (document.getElementById("password").value.length==0)
	 {
	     alert("密码不能为空！");
	     document.getElementById("password").focus( );
	}
	else
	{
		document.getElementById("login").submit( );
	}
  } 
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (副本01.psd) -->

<form id="login" method="post" action="zl">
<table id="__01" width="900" height="539" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="5">
			<img src="images/login_01.gif" width="900" height="247" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="images/login_02.gif" width="395" height="292" alt=""></td>
		<td colspan="3" >
			<img src="images/login_03.png" width="158" height="20" alt=""></td>
		<td rowspan="6">
			<img src="images/login_04.gif" width="347" height="292" alt=""></td>
	</tr>
	<tr>
		<td colspan="3"><div id="divname">
		      <input name="uid" type="text" class="txtcss" id="uid">
		</div>
			<img src="images/login_05.gif" width="158" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="3"><img src="images/login_06.gif" width="158" height="21" alt="">
		<div id="resdiv">
		<%
			if(request.getAttribute("res")!=null){
		%>
			<%=request.getAttribute("res") %>
		<% 
			}
		 %>
			
		</div>
        <div class="txtcss" id="divpassword">
        		
				<input name="password" type="password" class="txtcss" id="password">
		</div>
        
      </td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/login_07.gif" width="158" height="24" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/login_08.gif" width="30" height="217" alt=""></td>
		<td><img src="images/login_09.gif" width="70" height="30" onclick="checkForm()" "></td>
		<td rowspan="2">
			<img src="images/login_10.gif" width="58" height="217" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/login_11.gif" width="70" height="187" alt=""></td>
	</tr>
</table>
</form>
<!-- End ImageReady Slices -->
</body>
</html>